<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
        crossorigin="anonymous">
    <!-- jQuery -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
        <link rel="stylesheet" href="yyTV.css" type="text/css">
    <title>粤语学习网</title>
</head>
<body>
    <!-- 导航栏 -->
    <div id="header">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                <a class="navbar-brand" href="index.html">粤语学习网</a>
                <!-- 可收缩部分 -->
                <div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页</a></li>
                        <li ><a href="qiyuan.html">了解岭南文化</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">粤语学习<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="tz.html">特征</a></li>
                                <li><a href="fl.html">分类</a></li>
                            </ul>
                        </li>
                        <li><a href="yyjc.html">粤语教程</a></li>
                        <li class="active"><a href="yyTV.html">粤语TV</a></li>
                        <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">粤语歌曲<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="yj.html">经典粤剧</a></li>
                                    <li><a href="yq.html">粤曲</a></li>
                                </ul>
                            </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <form class="navbar-form navbar-left" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search">
                            </div>
                            <button type="submit" class="btn btn-default">搜索</button>
                        </form>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">用户 <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">注册</a></li>
                                <li><a href="#">登录</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <div class="container">
        <div id="yyTV">
            <!--轮番效果 -->
            <div class="col-lg-10">
                <div id="yyTV1">
                    <div id="carousel-id" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-id" data-slide-to="0" class=""></li>
                            <li data-target="#carousel-id" data-slide-to="1" class="active"></li>
                            <li data-target="#carousel-id" data-slide-to="2" class=""></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item">
                                <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide"
                                    src="images/zy4.jpg">
                            </div>
                            <div class="item active">
                                <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide" src="images/dy5.jpg">
                            </div>
    
                            <div class="item">
                                <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="images/dsj5.jpg">
                            </div>
                        </div>
                        <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                        <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-2">
                <div id="yyTV2">
                   <a href="#dy"><img src="images/dytb.jpg" alt=""></a><br>
                   <a href="#dy">电影</a><br><hr>
                   <a href="#dsj"><img src="images/dyjtb1.jpg" alt=""></a><br>
                    <a href="#dsj">电视剧</a><br><hr>
                    <a href="#zy"><img src="images/dybt4.jpg" alt=""></a><br>
                    <a href="#zy">综艺</a><br><hr>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="container">
        <div class="row">
            <div id="dy">
                <h4>&nbsp;&nbsp;&nbsp;&nbsp;电影
                    <button type="button" class="btn btn-lg btn-link">更多>></button>
                </h4>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/dianying/220936.htm?title=%E9%BB%84%E9%87%91%E5%85%84%E5%BC%9F%EF%BC%88%E7%B2%A4%E8%AF%AD%EF%BC%89"><img
                            src="images/ys2.jpg" alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/dianying/220936.htm?title=%E9%BB%84%E9%87%91%E5%85%84%E5%BC%9F%EF%BC%88%E7%B2%A4%E8%AF%AD%EF%BC%89">黄金兄弟</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/dianying/20361.htm?title=A%E8%AE%A1%E5%88%92"><img src="images/ys1.jpg"
                            alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/dianying/20361.htm?title=A%E8%AE%A1%E5%88%92">A计划</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/dianying/221799.htm?title=%E6%97%A0%E5%8F%8C"><img src="images/ys4.jpg"
                            alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/dianying/221799.htm?title=%E6%97%A0%E5%8F%8C">无双</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="https://www.iqiyi.com/v_19rrdh2lb4.html?vfm=f_224_hao1&fv=534cea53c5350b116c9065c7fada7707"><img
                            src="images/dy.jpg" alt=""></a>
                    <p><a href="https://www.iqiyi.com/v_19rrdh2lb4.html?vfm=f_224_hao1&fv=534cea53c5350b116c9065c7fada7707">僵尸福星仔</a></p>
                </div>
            </div>
        </div>
    
        <div class="row">
            <div id="dsj">
                <h4>&nbsp;&nbsp;&nbsp;&nbsp;电视剧
                    <button type="button" class="btn btn-lg btn-link">更多>></button>
                </h4>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/dianshi/91203.htm?title=%E8%8B%97%E7%BF%A0%E8%8A%B1"><img src="images/dsj.jpg"
                            alt=""></a>
                    <p><a href="">苗翠花</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/dianshi/102895.htm?title=%E5%AE%AB%E5%BF%83%E8%AE%A12%E6%B7%B1%E5%AE%AB%E8%AE%A1%5B%E7%B2%A4%E8%AF%AD%E7%89%88%5D"><img
                            src="images/dsj3.jpg" alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/dianshi/102895.htm?title=%E5%AE%AB%E5%BF%83%E8%AE%A12%E6%B7%B1%E5%AE%AB%E8%AE%A1%5B%E7%B2%A4%E8%AF%AD%E7%89%88%5D">宫心计2深宫计</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/dianshi/92811.htm?title=%E9%A3%9E%E8%99%8E%E4%B9%8B%E6%BD%9C%E8%A1%8C%E6%9E%81%E6%88%98"><img
                            src="images/dsj2.jpg" alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/dianshi/92811.htm?title=%E9%A3%9E%E8%99%8E%E4%B9%8B%E6%BD%9C%E8%A1%8C%E6%9E%81%E6%88%98">飞虎之潜行极战</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/dianshi/91210.htm?title=%E5%88%91%E4%BA%8B%E4%BE%A6%E7%BC%89%E6%A1%A3%E6%A1%88+IV"><img
                            src="images/dsj4.jpg" alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/dianshi/91210.htm?title=%E5%88%91%E4%BA%8B%E4%BE%A6%E7%BC%89%E6%A1%A3%E6%A1%88+IV">刑事侦缉档案
                            IV</a></p>
                </div>
            </div>
        </div>
    
        <div class="row">
            <div id="zy">
                <h4>&nbsp;&nbsp;&nbsp;&nbsp;综艺
                    <button type="button" class="btn btn-lg btn-link">更多>></button>
                </h4>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/zongyi/4352.htm"><img src="images/zy.jpg" alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/zongyi/4352.htm">粤韵风华</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/v/searchRes?search=%E7%B2%A4"><img src="images/zy2.jpg" alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/v/searchRes?search=%E7%B2%A4">粤知一二</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/zongyi/132238.htm?title=%E7%B2%A4%E5%9B%A7%E5%85%88%E7%94%9F"><img
                            src="images/zy3.jpg" alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/zongyi/132238.htm?title=%E7%B2%A4%E5%9B%A7%E5%85%88%E7%94%9F">粤囧先生</a></p>
                </div>
                <div class="col-lg-3" id="firstpicture">
                    <a href="http://v.hao123.baidu.com/zongyi/3685.htm?title=%E7%B2%A4%E8%AE%B2%E8%B6%8A%E6%8E%82"><img src="images/zy4.jpg"
                            alt=""></a>
                    <p><a href="http://v.hao123.baidu.com/zongyi/3685.htm?title=%E7%B2%A4%E8%AE%B2%E8%B6%8A%E6%8E%82">粤讲越掂</a></p>
                </div>
            </div>
            <div>
                <li>大家都在看：</li>
                <button type="button" class="btn btn-lg btn-link">粤语是怎么来的</button>
                <button type="button" class="btn btn-lg btn-link">学习粤语基本知识点</button>
                <button type="button" class="btn btn-lg btn-link">边娱乐边学习</button>
                <button type="button" class="btn btn-lg btn-link">粤唱越过瘾</button>
            </div>
        </div>
    </div>
    

            

    <!-- 脚部 -->
    <div class="panel panel-default" id="foot">
        <div class="panel-body">
            <p><a href="#">关于我们</a> <a href="#">&nbsp;&nbsp;&nbsp;&nbsp;专业的粤语学习网站</a></p>
        </div>
        <div class="panel-footer">
            版权所有©2018-12-26 邮箱：1787487963@qq.com
        </div>
    </div>
    
    </body>
    
    </html>